<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="format-detection" content="telephone=no"/>  
<title>多省汇</title>
<meta name="keywords" content="多省汇">
<meta name="description" content="多省汇">
<link rel="icon" href="images/favicon.ico"  type="image/x-icon" />
<link rel="shortcut icon" href="images/favicon.ico"  type="image/x-icon" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/fenlei.css" />
<link rel="stylesheet" href="css/foot.css" />
<script src="js/jquery-1.10.1.min.js" ></script>
</head>
<body>
<header>
  <nav>
     <div class="set back"><a href="javascript:history.go(-1);"><img src="images/reg01.png"></a></div>
     <h1>待结算单列表<span class="jiesuan"></span></h1>
  </nav>
</header>
<div class="main">  
     <div class="jiesuan-list ">
        <ul class="t">
          <li><span class="id">结算单号</span><span>协议指数</span><span>结算总金额</span><span>返款总额</span> <span class="date">返款日</span></li>
        </ul> 
        <ul class="row">
          <li class="row-t"><span class="id">JS201506220023</span><span>102.00PMI</span><span>￥2033.32</span><span>￥523.00</span><span class="date">06/29</span></li>
          <li class="biaoge">
              <table>
                 <thead>
                    <tr><th>订单编号</th><th>订单指数</th><th>结算金额</th><th>返款</th><th>结算状态</th></tr>
                 </thead>
                 <tbody>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state1">&nbsp;</i></td></tr>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state2">&nbsp;</i></td></tr>
                    <tr><td colspan="5"><a href="#" class="btn">确认已返现</a></td></tr>
                    
                 </tbody>
              </table>
              
          </li>  
        </ul> 
        <ul class="row">
          <li class="row-t"><span class="id">JS201506220023</span><span>102.00PMI</span><span>￥2033.32</span><span>￥523.00</span><span class="date">06/29</span></li>
          <li class="biaoge">
              <table>
                 <thead>
                    <tr><th>订单编号</th><th>订单指数</th><th>结算金额</th><th>返款</th><th>结算状态</th></tr>
                 </thead>
                 <tbody>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state1">&nbsp;</i></td></tr>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state2">&nbsp;</i></td></tr>
                    <tr><td colspan="5"><a href="#" class="btn">确认已返现</a></td></tr>
                    
                 </tbody>
              </table>
              
          </li>  
        </ul>  
        <ul class="row">
          <li class="row-t"><span class="id">JS201506220023</span><span>102.00PMI</span><span>￥2033.32</span><span>￥523.00</span><span class="date">06/29</span></li>
          <li class="biaoge">
              <table>
                 <thead>
                    <tr><th>订单编号</th><th>订单指数</th><th>结算金额</th><th>返款</th><th>结算状态</th></tr>
                 </thead>
                 <tbody>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state1">&nbsp;</i></td></tr>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state2">&nbsp;</i></td></tr>
                    <tr><td colspan="5"><a href="#" class="btn">确认已返现</a></td></tr>
                    
                 </tbody>
              </table>
              
          </li>  
        </ul> 
        <ul class="row">
          <li class="row-t"><span class="id">JS201506220023</span><span>102.00PMI</span><span>￥2033.32</span><span>￥523.00</span><span class="date">06/29</span></li>
          <li class="biaoge">
              <table>
                 <thead>
                    <tr><th>订单编号</th><th>订单指数</th><th>结算金额</th><th>返款</th><th>结算状态</th></tr>
                 </thead>
                 <tbody>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state1">&nbsp;</i></td></tr>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state2">&nbsp;</i></td></tr>
                    <tr><td colspan="5"><a href="#" class="btn">确认已返现</a></td></tr>
                    
                 </tbody>
              </table>
              
          </li>  
        </ul> 
        <ul class="row">
          <li class="row-t"><span class="id">JS201506220023</span><span>102.00PMI</span><span>￥2033.32</span><span>￥523.00</span><span class="date">06/29</span></li>
          <li class="biaoge">
              <table>
                 <thead>
                    <tr><th>订单编号</th><th>订单指数</th><th>结算金额</th><th>返款</th><th>结算状态</th></tr>
                 </thead>
                 <tbody>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state1">&nbsp;</i></td></tr>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state2">&nbsp;</i></td></tr>
                    <tr><td colspan="5"><a href="#" class="btn">确认已返现</a></td></tr>
                    
                 </tbody>
              </table>
              
          </li>  
        </ul> 
        <ul class="row">
          <li class="row-t"><span class="id">JS201506220023</span><span>102.00PMI</span><span>￥2033.32</span><span>￥523.00</span><span class="date">06/29</span></li>
          <li class="biaoge">
              <table>
                 <thead>
                    <tr><th>订单编号</th><th>订单指数</th><th>结算金额</th><th>返款</th><th>结算状态</th></tr>
                 </thead>
                 <tbody>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state1">&nbsp;</i></td></tr>
                    <tr><td>JS201506220023</td><td>102.00PMI</td><td>￥2033.32</td><td class="color_black">￥134.00</td><td><i class="state2">&nbsp;</i></td></tr>
                    <tr><td colspan="5"><a href="#" class="btn">确认已返现</a></td></tr>
                    
                 </tbody>
              </table>
              
          </li>  
        </ul> 
          
     </div>
         
</div>


<footer>
   
    <div class="daohang1">
      <a href="#" class="nav1">商品分类</a>
      <a href="#" class="nav2">常用商品</a>
      <a href="#" class="nav3">购物车</a>
      <a href="#" class="nav4">订单管理</a>
      <a href="#" class="nav5">个人中心</a> 
    </div>
</footer>

</body>
<script src="js/fenlei_slidedoor.js" ></script>
<script>
$('.jiesuan-list li.row-t').click(function(){
	$(this).siblings().slideToggle();
	$(this).parents('.row').siblings().find('.biaoge').hide();
	if($(this).siblings('.biaoge').css('display')=='block'){
	    $(this).removeClass("row-t").addClass("row-t1");
	    }
	if($(this).siblings('.biaoge').css('display')=='none'){
		$(this).removeClass("row-t1").addClass("row-t");	
		//$(this).css({'background':'url(images/jiantou1.png) no-repeat right 9px','background-size':'8px 12px'});
		}
		
	});
</script>
</html>
